<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="pt-br"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="pt-br"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="pt-br"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="pt-br"> <!--<![endif]-->
    <head>
        {% block head %}
            <meta charset="utf-8"/>
            <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
            <meta name="description" content="{% block description %}{% endblock %}"/>
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>{% block title %}{% endblock %}</title>
            {% block js %}
                <script type='text/javascript' src="{{ baseUrl }}/public/js/jquery.min.js"></script>
                <script type='text/javascript' src="{{ baseUrl }}/public/js/jquery-ui-1.10.0.custom.min.js"></script>
                <script src="{{ baseUrl }}/public/js/default.js?v=1"></script>
            {% endblock %}
            {% block css %}
                <link href="{{ baseUrl }}/public/css/bootstrap.min.css" rel="stylesheet" media="screen">
                <link href="{{ baseUrl }}/public/css/bootstrap-responsive.min.css" rel="stylesheet">
                <link href="{{ baseUrl }}/public/css/default.css?v=1" rel="stylesheet"/>
            {% endblock %}
        {% endblock %}
    </head>
    <body data-spy="scroll" data-target=".bs-docs-sidebar">
        <!-- Navbar
        ================================================== -->
        <div class="jumbotron subhead" id="overview">
            <div class="container">
                <img src="{{ baseUrl }}/public/img/LogoSistema.png"
                     alt="SABE - Sistema de Automação em Benefício da Educação"
                     title="SABE - Sistema de Automação em Benefício da Educação" id="logo">
                <img src="{{ baseUrl }}/public/img/tituloEscola.png"
                     alt="SABE - Sistema de Automação em Benefício da Educação"
                     title="SABE - Sistema de Automação em Benefício da Educação" id="title">
            </div>
        </div>
        <div class="container" id="content">
            <div class="row-fluid">
                <div class="span3">
                    <ul class="nav">
                        <li class="active">
                            <h3 class="titleMenu">
                                Acesso
                            </h3>
                            <div class="nav-menu" id="loginArea">
                                <div class="boxFormMenu">
                                    {% if loggedUser == false %}
                                        <form action="login" method="post" name="formLogin" id="formLogin">
                                            <label for="login">Usuário</label>
                                            <input type="text" name="login" id="login" placeholder="Usuário"
                                                   class="input-medium">
                                            <label for="pass">Senha</label>
                                            <input type="password" name="pass" id="pass"
                                                   placeholder="Senha" class="input-medium">
                                            <a href="javascript:void(0);" class="help-block">Esqueci minha senha</a>
                                            <button type="submit" class="btn">Entrar</button>
                                        </form>
                                    {% else %}
                                        <div class="btn-group">
                                            <button class="btn editLoggedUser">Editar cadastro</button>
                                            <button class="btn logout">Sair</button>
                                        </div>
                                    {% endif %}
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="span9" id="systemContent">
                    {% block content %}{% endblock %}
                </div>
            </div>
        </div>
        <div class="footer">
            {% block footer %}
                Copyright &copy; {{ "now"|date("Y") }} | Todos os direitos reservados |
                <a href="http://www.qualitysistemas.com.br" target="_blank">www.qualitysistemas.com.br</a>
            {% endblock %}
        </div>
    </body>
</html>